<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
	<link rel="stylesheet" href="S.css" />
	<script type="text/javascript" src="../jquery.min.js"></script>
	<script type="text/javascript" src="S.js"></script>
</head>
<body>
	<table id="x1" height="400px">
		<tr>
			<td width="4%" seq></td>
			<td width="4%" checkall></td>
			<td width="20%" resize="true">姓名</td>
			<td width="30%" sort="age" resize="true">年龄</td>
			<td width="30%" sort="weight" resize="true">权重</td>
			<td width="10%" sort="position">职位</td>
		</tr>	
		<tr>
			<td>@{seq}</td>
			<td><input type="checkbox" value="@{id}" name="id"/></td>
			<td>@{name}</td>
			<td>@{age}</td>
			<td>@{weight}</td>
			<td>@{position}</td>
		</tr>
	</table>
	<script type="text/javascript">
		var table =  new S.Table({
			el:'#x1',
			pager:true
		});
		//mock data XXX
		var datas = [];
		for(var i=0;i<500;i++){
			datas.push({
				seq:i,
				id:i,
				age:30,
				name:'张三',
				weight:100-i*0.01,
				position:'经理'
			});
		}
		table.setPagingInfo(1,10000,20);
		table.setData(datas);
	</script>
</body>
</html>